<%@ page language="java" contentType="text/html; charset=UTF-8" isELIgnored="false" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>查询条件的左边</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/common/bootstrap/js/jquery.min.js"></script>
    <!-- 右边 -->
    <style>
        .wapReight {
            margin-top: 10px;
        }

        #left {
            width: 50px;
            text-align: center;
            background-color: #00c0ef;
            float: left;
            border-radius: 5px;
        }

        #left1 {
            width: 50px;
            margin-left: 10px;
            float: left;
        }

        #left2 {
            width: 500px;
            margin-left: 10px;
            float: left;
        }

        #left3 {
            width: 100px;
            margin-left: 10px;
            float: left;
        }
        .left1 {
            width: 50px;
            margin: 5px 0 10px 0;
            text-align: center;
            background-color: #00c0ef;
            border-radius: 3px;
        }

        .left2 {
            width: 500px;
            height: 19px;
            margin: 3px 0 6px 0;
        }

        .left3 {
            width: 100px;
            margin: 3px 0 6px 0;
            height: 19px;
            color: red;
        }
    </style>
</head>
<body>
<div class='wapReight'>

</div>
</body>
</html>